import { current } from '@reduxjs/toolkit';
import React, { useEffect, useRef } from 'react';

const CustomDirective = ({ children, directive }) => {
  useEffect(() => {
    if (directive === 'focus') {
      console.log('children.current', children.current)
      // children.current.style.width = '400px'
      // children.focus()
      // const element = document.getElementById('customDirective');
      // element.style.width = '300px';
    }
  }, [directive]);

  return (children)
};

export default CustomDirective;
